.container {
	padding: 0 15px;
	main {
		.tab-top {
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 57px;
			border-bottom: 1px solid #ccc;
			span {
				border-bottom: 2px solid transparent;
				line-height: 37px;
				&.active {
					border-color: #4294ff;
				}
			}
		}
		.con-box {
			& > p {
				font-weight: bold;
				height: 50px;
				line-height: 50px;
			}
			.news {
				border-radius: 15px;
				overflow: hidden;
				box-shadow: 0px 2px 10px #ccc;
				.img-box {
					height: 150px;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
				}
				.intro {
					padding: 16px 16px;
					p {
						font-weight: bold;
						font-style: 14px;
						color: #000;
						line-height: 20px;
					}
					span {
						font-size: 12px;
						color: #000;
						padding-left: 15px;
					}
				}
			}
			.course {
				li {
					height: 140px;
					background-color: #ccc;
					border-radius: 15px;
					overflow: hidden;
					box-shadow: 0px 2px 10px #ccc;
					padding: 56px 0px 0px 22px;
					margin-bottom: 15px;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					P {
						font-size: 18px;
						color: #0ae3cf;
						line-height: 22px;
					}
					span {
						font-size: 12px;
						color: #0ae3cf;
					}
				}
			}
		}
	}
}
